@extends('layouts.app')
@section('styles')
    <link rel="stylesheet" href="{{asset('assets/styles/style-horizontal.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/plugin/waves/waves.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/plugin/sweet-alert/sweetalert.css')}}">
    <link rel="stylesheet" href="{{asset('css/common.css')}}">
    {{--color-style--}}
    <link rel="stylesheet" href="{{asset('assets/styles/color/dark-green.css')}}">
    <!-- Remodal -->
    <link rel="stylesheet" href="{{asset('assets/plugin/modal/remodal/remodal.css')}}">
    <link rel="stylesheet" href="{{asset('assets/plugin/modal/remodal/remodal-default-theme.css')}}">

    <!-- Sweet Alert -->
    <link rel="stylesheet" href="{{asset('assets/plugin/sweet-alert/sweetalert.css')}}">

    <!-- Data Tables -->
    <link rel="stylesheet" href="{{asset('assets/plugin/datatables/media/css/dataTables.bootstrap.min.css')}}">
    <link rel="stylesheet"
          href="{{asset('assets/plugin/datatables/extensions/Responsive/css/responsive.bootstrap.min.css')}}">

    <!-- Datepicker -->
    <link rel="stylesheet" href="{{asset('assets/plugin/datepicker/css/bootstrap-datepicker.min.css')}}">



    @endsection

    @section('content')
    @include('layouts.header')
    @endsection
    @section('scriptsafter')
            <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="{{asset('assets/script/html5shiv.min.js')}}"></script>
    <script src="{{asset('assets/script/respond.min.js')}}"></script>
    <![endif]-->
    <!-- ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="{{asset('assets/scripts/jquery.min.js')}}"></script>
    <script src="{{asset('assets/scripts/modernizr.min.js')}}"></script>
    <script src="{{asset('assets/plugin/bootstrap/js/bootstrap.min.js')}}"></script>
    <script src="{{asset('assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js')}}"></script>
    <script src="{{asset('assets/plugin/nprogress/nprogress.js')}}"></script>
    <script src="{{asset('assets/plugin/sweet-alert/sweetalert.min.js')}}"></script>
    <script src="{{asset('assets/plugin/waves/waves.min.js')}}"></script>

    {{--lazyload--}}
    <script src="{{asset('js/jquery.lazyload.js')}}"></script>

    <!-- Remodal -->
    <script src="{{asset('assets/plugin/modal/remodal/remodal.min.js')}}"></script>

    <!-- Sweet Alert -->
    <script src="{{asset('assets/scripts/sweetalert.init.min.js')}}"></script>

    <!-- Data Tables -->
    <script src="{{asset('assets/plugin/datatables/media/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('assets/plugin/datatables/media/js/dataTables.bootstrap.min.js')}}"></script>
    <script src="{{asset('assets/plugin/datatables/extensions/Responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('assets/plugin/datatables/extensions/Responsive/js/responsive.bootstrap.min.js')}}"></script>
    <script src="{{asset('assets/scripts/datatables.demo.js')}}"></script>

    <!-- Datepicker -->
    <script src="{{asset('assets/plugin/datepicker/js/bootstrap-datepicker.min.js')}}"></script>

    <!-- Demo Scripts -->
    <script src="{{asset('assets/scripts/form.demo.js')}}"></script>

    <script src="{{asset('assets/scripts/main.min.js')}}"></script>
    <script src="{{asset('assets/scripts/horizontal-menu.min.js')}}"></script>
    <script>
        $("img").lazyload({effect: "fadeIn"});
    </script>
@endsection
